/**
 * 自适应配置
 * @author 朱琦
 * @time 2022/2/23
 */

const baseSize = 100 // 基准大小
const width = 1920
const height = 1080
// 设置 rem 函数 PC端
function setRem() {
  const basePc = baseSize / width // 表示width宽的设计图,使用100PX的默认值
  let vW = window.innerWidth
  const vH = window.innerHeight
  // 非正常屏幕下的尺寸换算
  const dueH = (vW * height) / width
  if (vH < dueH) {
    // 当前屏幕高度小于应有的屏幕高度，就需要根据当前屏幕高度重新计算屏幕宽度
    vW = (vH * width) / height
  }
  const rem = vW * basePc // 以默认比例值乘以当前窗口宽度,得到该宽度下的相应font-size值
  document.documentElement.style.fontSize = rem + 'px'
}
// 初始化
setRem()
// 改变窗口大小时重新设置 rem
window.onresize = function () {
  setRem()
}
